
//网站图标
$("#logo").on('change',function(){
    //1获取文件
    var files = this.files[0];
    var fd = new FormData();
    fd.append('logo',files);
    //2 用ajax渲染文件
    $.ajax({
        type:'post',
        url:'http://localhost:3000/upload',
        data:fd,
        //不要解析请求参数
        contentType: false,
        //不要设置请求参数的类型
        processData: false,
        success: function(res){
            console.log(res);
            $("#hiddenLogo").val(res[0].logo);
            $("#preview").attr('src',res[0].logo)
        }
    })
})

//btn btn-primary 表单提交数据时  ajax提交数据
//serialize 表单提交数据
$("#settingsForm").on('submit',function(){
        var fd = $(this).serialize();
        console.log(fd);
        $.ajax({
            type:'post',
            url:'http://localhost:3000/settings',
            data:fd,
            success:function(){
                location.reload();
            }
        })
        return false;

})

// ajax获取数据
$.ajax({
    type:'get',
    url:'http://localhost:3000/settings',
    success: function(res){
        console.log(res);
        if (res) {
			// 将logo地址存储在隐藏域中
			$('#hiddenLogo').val(res.logo)
			// 将logo显示在页面中 
			$('#preview').attr('src', res.logo)
			// 将网站标题显示在页面中
			$('input[name="title"]').val(res.title);
			// 将是否开启评论功能显示在页面中
			$('input[name="comment"]').prop('checked', res.comment)
			// 将评论是否经过人工审核显示在页面中
            $('input[name="review"]').prop('checked', res.review);

         $('#settingsForm')[0].reset();   
            
        }
        
        
    }
})

$(".btn-primary").on('click',function(){
    $(".mask").text();
})